<template>
    <div class="newszx">
        <div class="newz1">
            <Row class="newz1">
                <i-col span="8">
                    <div>
                        <a href=""><img src="../assets/images/zixun1.png" alt=""></a>
                        <h3>&nbsp;&nbsp;&nbsp;&nbsp;这里写标题</h3>
                        <span>这里是新闻内容</span>
                    </div>
                </i-col>
                <i-col span="8">
                    <div>
                        <a href=""><img src="../assets/images/zixun2.png" alt=""></a>
                        <h3>&nbsp;&nbsp;&nbsp;&nbsp;这里写标题</h3>
                        <span>这里是新闻内容</span>
                    </div>
                </i-col>
                <i-col span="8">
                    <div>
                        <a href=""><img src="../assets/images/zixun3.png" alt=""></a>
                        <h3>&nbsp;&nbsp;&nbsp;&nbsp;这里写标题</h3>
                        <span>这里是新闻内容</span>
                    </div>
                </i-col>
            </Row>
        </div>
        <div class="newz2">
            <Row type="flex" justify="end" class="code-row-bg">
                <i-col span="1"><a href=""> 更多》</a></i-col>
            </Row>
        </div>
    </div>
</template>

<script>
export default {

}
</script>

<style lang='less' scoped>
    .newszx{
        width:1920px;
        height: 550px;
        .newz1{
            width:1200px;
            height:520px;
            margin:0 auto;
            a{
                height:404px;
                img{
                    width:100%;
                }
            }
            span{
                display: block;
                padding:3px 7px;
                font-size: 14px;
            }
        }
        .newz2{
            width:1200px;
            height:30px;
            margin:0 auto;
        }
    }
</style>
